<template>
	<div class="add">
			<div class="add3">
			<label class="as1">书城管理系统</label>
			<span>欢迎进入书城管理系统网站&nbsp;&nbsp;&nbsp;&nbsp;登录时间：{{`${new Date().getFullYear()}-${new Date().getMonth()+1}-${new Date().getDate()}  ${new Date().getHours()}:${new Date().getMinutes()}`}}</span>
			</div>
			<div class="add4">
				<img  :src="`${$ip}/api/public/showimg/${$store.state.img}`"/>
					<span>{{$store.state.name}}</span>
			     <label class="as"><router-link to="/pc/home">首页</router-link></label>
			</div>
	</div>
</template>

<script>
	export default {
		name:'AdminHeader',
		data() {
			return{
				
			}
		}
	}
</script>

<style scoped>
	a{
		color: white;
	}
		*{
			margin: 0;
			padding: 0;
		}
			.add{
				width: 100%;
				background-color: #23262e;
				padding: 10px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				white-space: nowrap;
			}
			.as1{
				color: #189F92;
				font-size: 20px;
				margin-left: 30px;
			}
			.add3 span{
				color: white;
				margin-left: 10%;
			}
			.as{
				margin-right: 50px;
				color: white;
				margin-top: 10px;
			}
			.add3{
				height: 100%;
				width: 50%;
				display: flex;
				align-items: center;
			}
			.add4{
				width: 300px;
				margin-top: 15px;
				display: flex;
				justify-content: space-between;
				
			}
			.add4 img{
				height: 3.5rem;
				width: 3.5rem;
				border-radius: 50%;
			}
			.add4 .as{
				line-height: 2.5rem;
			}
			.add4 span{
				margin: 0;
				width: 80px;
				height: 100%;
				display: block;
				line-height: 3.5rem;
				text-align: center;
				color: white;
			}
</style>
